<?php

use app\assets\AppAsset;

AppAsset::addCss($this, '/css/page/clear-cache.css');
?>

<el-timeline>
    <transition-group name="fadeInDown">
        <el-timeline-item v-for="(item, key) in messageList"
                          :timestamp="item.timestamp"
                          v-bind:key="key" :icon="item.icon"
                          :type="item.type" :color="item.color">
            <span v-if="item.type === 'primary'">
                {{item.title}}
            </span>
                <span v-else-if="item.type === 'loading'">
                <i class="el-icon-loading"></i>&nbsp;{{item.title}}
            </span>
                <span :class="'text-' + item.type" v-else-if="item.type !== 'success'">
                {{item.title}}
            </span>
                <span :class="'text-' + item.type" v-else>
                {{item.title}}
            </span>
        </el-timeline-item>
    </transition-group>
</el-timeline>

<?= AppAsset::addScript($this, '/js/page/clear-cache.js'); ?>
<?= $this->registerJs('
    new app();
'); ?>
